
{{extend 'layout.html'}}


<link rel="stylesheet" href="{{=URL('static','dojo/dijit/themes/claro/claro.css')}}"/>
<link rel="stylesheet" href="{{=URL('static','dojo/dojox/image/resources/image.css')}}"/>
<!-- load dojo and provide config via data attribute -->
<script src="{{=URL('static','dojo/dojo/dojo.js')}}" data-dojo-config="async: true, parseOnLoad: true"></script>


<style>

#slideshow {
	border:1px solid #d4d4d4;
}

.thumbWrapper img {
    height: 75px;
    max-width: 180px;
    
}

.thumbWrapper.thumbVert {
    width: 180px;
}

p {
	font-family: Arial,sans-serif;
	font-size: 16px;
	color: rgb(0, 0, 0);
	margin-top: 15px;
	margin-bottom: 40px;
	line-height: 24px;
	text-shadow: 0px 1px 0px rgb(51, 51, 51);
}

</style>



<!-- load dojo and provide config via data attribute -->
<script src="{{=URL('static','dojo/dojo/dojo.js')}}" data-dojo-config="async: true, parseOnLoad: true"></script>

<script>
			
			// Require the Tooltip class
			require(["dijit/Tooltip", "dojo/parser", "dojox/image/SlideShow", "dojox/image/ThumbnailPicker", "dojo/data/ItemFileReadStore","dojo/domReady!"], function(Tooltip, parser, SlideShow, ThumbnailPicker, ItemFileReadStore){
				// When the DOM and reources are ready....
				
				parser.parse();
			
				dijit.byId('slideshow').setDataStore(imageItemStore,
						{count:3, start:0},{imageLargeAttr: "url"}
				);
				
				var itemRequest = {
						query: {},
						count: 25
				};
				var itemNameMap = {
						imageThumbAttr: "thumb",
						imageLargeAttr: "large"
				};
					
				//Set the dojo.data.ItemFileReadStore on two of the dojox.image.ThumbnailPicker widgets
				//Note the use of the 'itemNameMap', which tells the widget what attributes to
				//read from the store.  Look in the 'images.json' file in the same folder as this
				//file to see the data being read by the widget.
				dijit.byId('thumbPicker4').setDataStore(imageItemStore2, itemRequest, itemNameMap);
	
});
</script>


<table>
<tr>
	<td>
		<h2>{{=T("Whats about?")}}</h2>
		<p>
			{{=T("Sigecon es una aplicacion web destinada a la gestion de consultas de afiliados, empleadores, prestadores y no afiliados que llegan a los distintos sectores de la OSPLAD.")}}
		</p>
	</td>
	<td>
		<fieldset style= "float:left">
		<div jsId="imageItemStore" dojoType="dojo.data.ItemFileReadStore" url="{{=URL('static','images/slide/images.json')}}"> </div>
		
		<div id="slideshow" dojoType="dojox.image.SlideShow" noLink="true" loop="true" autoLoad="true" slideshowInterval="3" fixedHeight="true" data-dojo-props='imageWidth:320, imageHeight:230, autoStart:true'> </div>
		</fieldset>
	</td>
</tr>	
</table>



<div jsId="imageItemStore2" dojoType="dojo.data.ItemFileReadStore" url="{{=URL('static','images/thumbnail_links/images_links.json')}}"></div>

<div id="thumbPicker4" dojoType="dojox.image.ThumbnailPicker" size="850" isClickable="true" isHorizontal="true" useHyperlink="true"></div>


